html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, menu, input, button, textarea, p, blockquote, th, td{
	margin:0;padding:0;
}
$wid:1200px;
$mgauto:0 auto;
body{
	font: 12px "微软雅黑",Helvetica,sans-serif;
    line-height: 1.5;
    background-color: #fff;
    color: #555;
}
a{
	color: #666;
    text-decoration: none;
}
li{
	list-style: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix:after {
    display: block;
    clear: both;
    content: ".";
    visibility: hidden;
    height: 0;	
}
.headerbg{
	width:100%;
	min-width: $wid;
	// margin-bottom:20px;
	.header_t_bg{
		background:#fafafa;
		.header{
			width:$wid;
			height:35px;
			margin:$mgauto;
			border-bottom:1px solid #f5f5f5;		
			.head-app{
				margin-top:8px;
				span{
					padding:0 25px;
					.icon-app{
						    display: block;
						    width: 20px;
						    height: 20px;
						    background: url(../img/headico.png) no-repeat;
						    position: absolute;
					}
				} 
				.app {
		    		border-left: solid 1px #d9d9d9;
		    		position: relative;
		    		.ewm1{
		    			padding-left: 15px;
					    display: block;
					    // position: relative;
					    .icon-app2{
					    	display: block;
						    width: 20px;
						    height: 20px;
						    background: url(../img/headico.png) no-repeat -20px 0;
					    }
		    		}
		    		.ewm{
		    			display:none;
		    			position: absolute;
	    				
		    			top:28px;
		    			border:1px solid #ddd;
		    			padding:5px;
		    			text-align:center;
		    			a{
		    				display: block;

		    				span{
		    					display: block;
		    				}
		    				
		    			}
		    		}
				}
			}
			.right{
				margin-top:8px;
				.login{
					float:left;
					span{
						margin: 0 10px;
					}
				}
				.car{
					float:right;
					position:relative;
					margin-left:15px;
					padding-left:25px;
					.icon-app3{
						display: block;
					    width: 20px;
					    height: 20px;
					    background: url(../img/headico.png) no-repeat -40px 0;
					    position: absolute;
					    left:0;
					}
					.total_car{
						min-height: 150px;
						min-width:250px;
						position:absolute;
						right:0;
						top:28px;
						border:1px solid #ddd;
						z-index:999;
						display:none;
						background:#fff;
						.mygoods{
					   		padding: 20px 20px 5px 20px;
   							color: #999;
						}
						.goods_total{
							clear:both;
							position:relative;
							.goods_buy{	
   								padding: 15px;
								.single_goods{
								    position: relative;
								    padding-left:20px;
								 	width:300px;
								    .goods_url {
								    	width:60px;
								    	img{
								    	    width: 60px;
									    }
								    }
								    .goods_details {
								    	margin-left:10px;
								    	margin-top:10px;
								    	margin-right:40px;
								    	width:180px;
									    overflow: hidden;
									    white-space: nowrap;
									    text-overflow: ellipsis;
									    p{margin:5px 0;}
									    .goods_brand{
									    	font-weight: bold;
									    }
									    .goods_name{
								    	    font: 12px;
								    	    color:#999;
									    }
									    .goods_price .goods_qty{
									    	color:red;
									    }
								    }
								    .goods_delete{
								    	
							    	    font-size: 12px;
									    position: absolute;
									    right: 0;
									    top: 20px;
									    color: #ccc;
									    font-family: "宋体";
									    cursor: pointer;
									    width: 30px;
									    height: 30px;
									    line-height: 30px;
									    text-align: center;
								    }
								}
							}
   							.total_price{
   								display: none;
					    		background: #f7f7f7;
							    line-height:42px;
							    padding:10px 20px;
							    width:100%;
							    box-sizing:border-box;
   								font-size: 14px;
	   							.account{
								    display: inline-block;
								    width: 114px;
								    height: 42px;
								    border-radius:10px;
								    background: #333;
								    color: #fff;
								    text-align: center;
								    line-height: 42px;
								    font-size: 14px;
	   							}
   							}
   							.goods_emty{
								position:absolute;
								left:65px;
								top:50%;
							}
						}
					}
				}
			}
		}
	}
	.header_middle{
		position: relative;
	    width: $wid;
	    margin:$mgauto;
	    .header_logo{
	    	width: 360px;
		    text-align: center;
		    margin: 0 auto;
		    padding-top: 35px;
	    }
	    .header_search{
	    	position: absolute;
		    top: 45px;
		    right: 0;
		    input{
		    	width: 165px;
			    padding: 0;
			    outline: none;
			    border: none;
			    height: 29px;
			    height: 22px;
			    padding-top: 7px;
			    border-bottom: solid 1px #e8e8e8;
		    }
		    .header_search_btn{
	    	    width: 30px;
			    height: 30px;
			    border: none;
			    background: #fff;
			    em{
		    	    display: block;
				    width: 20px;
				    height: 20px;
				    background: url(../img/headico.png) -60px 0 no-repeat;
				    margin-left: 2px;
			    }
		    }
	    }
	}
	.nav{
		padding-top: 10px;
		position:relative;
		.nav_list{
			width: $wid;
    		margin: $mgauto;
    		li{
    			float:left;
    			a{
    				display: block;
				    width: 120px;
				    padding: 15px 0 25px 0;
				    text-align: center;
				    font-size: 14px;
				    font-weight: bold;
    			}
    		}
			.subnav{
			    position: absolute;
			    width: $wid;
			    top: 71px;
			    z-index: 99;

			    text-align: center;
			    background: #fff;
			    border-top: solid 1px #e8e8e8;
			    opacity: .95;
			    .subnav_list{
			    	display: none;
			    	overflow: hidden;
			    	ul{
			    		display: inline-block;
					    width: 200px;
					    margin: 0 30px;
	    			    padding: 25px 0 65px 0;
					    text-align: left;
					    vertical-align: top;
					    position: relative;
						li a{
							display: block;
							clear:both;
						    padding: 7px 0;
						    overflow: hidden;
						    white-space: nowrap;
						    text-overflow: ellipsis;
						    font-weight: 400;
						    color:#666;
						}
						.active{
							 font-weight: 600;

						}
			    	}
			    }
			}
		}
	}
	.headerShadow{
		    background: url(../img/headerbg.png) 0 bottom repeat-x;
		    width: 100%;
		    height: 8px;

	}
}
/* 内容样式 */
.lamp_lbt{
	margin-top:20px!important;
}
.special_offer{
	width:$wid;
	margin:$mgauto;
	.cut_title{
		position:relative;
		height: 54px;
		margin: 23px 0 10px 0;
		.line{
			position:absolute;
		    border-bottom: 1px solid #e8e8e8;
		    top: 24px;
		    left: 0;
		    width: 100%;
		    z-index: 1;
		}
		p{
			position: relative;
		    width: 260px;
		    background: #fff;
		    margin: 0 auto;
		    text-align: center;
		    font-size: 16px;
		    font-family: 微软雅黑;
		    color: #333;
		    z-index: 2;
		    span{
			    color:#666; 

		    }
		   
		}
	}
	.special_left{
	    float: left;
    	width: 392px;
    	.special_left_down{
		    margin-top: 12px;
    	}
	}
	.special_middle{
	    float: left;
	    width: 392px;
	    height: 498px;
	    margin: 0 12px;
	    font-size: 0;
	} 
	.special_right{
		float: left;
		width: 392px;
		.special_right_down{
		    margin-top: 12px;
    	}
	}  
	.collected{
		overflow:hidden;
		position:relative;
		.cart_prev{
		    width: 17px;
		    height: 300px;
		    position: absolute;
		    left:0;
		    z-index: 3;
		    background: #fff;
		    cursor: pointer;
		    .m_prev{
			    height: 38px;
			    width:17px;
			    top: 100px;
			    position: absolute;
			    cursor: pointer;
			    z-index: 5;
			    left: 0;
   				background: url(../img/pre_btn.png) no-repeat;
		    }
		}
		.cart_next{
		    width: 17px;
		    height: 300px;
		    position: absolute;
		    right:0;
		    z-index: 3;
		    background: #fff;
		    cursor: pointer;
		     .m_next{
			    height: 38px;
			    width:17px;
			    top: 100px;
			    position: absolute;
			    cursor: pointer;
			    z-index: 5;
			    right: 0;
   				background: url(../img/next_btn.png) no-repeat;
		    }
		}
		ul{
			position: relative;
   			z-index: 1;
   			width:4000px;
   			li{	
			    overflow: hidden;
			    text-align: center;
			    float: left;
			    width: 160px;
			    height: 260px;
		        margin: 5px 20px 0 20px;
		        img{
	        	    width: 160px;
					height: 192px;
		        }
		        p{
	        	    width: 160px;
				    height: 44px;
				    padding-top: 0;
				    overflow: hidden;
				    color: #555;
				    white-space: nowrap;
				    text-overflow: ellipsis;
		        }
		        div{
		        	color:#ccc;
		        }
   			}
		}
		
	} 
}
